import {
  faBrush,
  faBug,
  faGear,
  faKeyboard,
  faStethoscope,
} from '@fortawesome/free-solid-svg-icons';
import { ConfigurePane } from '../components/panes/configure';
import { Debug } from '../components/panes/debug';
import { DesignTab } from '../components/panes/design';
import { Settings } from '../components/panes/settings';
import { Test } from '../components/panes/test';
import { ErrorsPaneConfig } from '../components/panes/errors';
import { useTranslation } from "react-i18next";

const PANE = () => {
  const { t } = useTranslation();

  return [
    {
      key: 'default',
      component: ConfigurePane,
      icon: faKeyboard,
      title: `${t("route_1")}`,  // 使用翻译
      path: '/',
    },
    {
      key: 'test',
      component: Test,
      icon: faStethoscope,
      path: '/test',
      title: `${t("route_2")}`,  // 使用翻译
    },
    {
      key: 'design',
      component: DesignTab,
      icon: faBrush,
      path: '/design',
      title: `${t("route_3")}`,  // 使用翻译
    },
    // {
    //   key: 'settings',
    //   component: Settings,
    //   icon: faGear,
    //   path: '/settings',
    //   title: 'Settings',
    // },
    // {
    //   key: 'debug',
    //   icon: faBug,
    //   component: Debug,
    //   path: '/debug',
    //   title: 'Debug',
    // },
    ErrorsPaneConfig,
  ];
};

export default PANE;
